<template>
  <section class="description">
    <p class="title">考试管理功能介绍</p>
    <p class="content" v-if="role === '1'">
      由于考试与练习存储在同一张表，这里的考试管理也包含练习管理<br><br>
      考试管理功能包括查询考试和添加考试。<br>
      查询考试：只能查询您所在学院的考试信息。包括修改考试、删除考试功能<br>
      &nbsp;&nbsp;&nbsp;&nbsp;修改考试：除了学院信息不能更改之外，其他信息均可更改<br>
      &nbsp;&nbsp;&nbsp;&nbsp;删除考试：永久删除考试<br><br>
      添加考试：只能添加您所在学院的考试信息<br><br>
      另外题库信息只能从原有题库上设置，如需要新题库，请前往题库管理添加。<br>
    </p>
    <p class="content" v-if="role === '0'">
      由于考试与练习存储在同一张表，这里的考试管理也包含练习管理<br><br>
      考试管理功能包括查询考试和添加考试。<br>
      查询考试：可以查询所有考试信息。包括修改考试、删除考试功能<br>
      &nbsp;&nbsp;&nbsp;&nbsp;修改考试：可以更改所有考试信息<br>
      &nbsp;&nbsp;&nbsp;&nbsp;删除考试：永久删除考试<br><br>
      添加考试：可以添加任何考试<br><br>
      另外题库信息只能从原有题库上设置，如需要新题库，请前往题库管理添加。<br>
    </p>
  </section>
</template>

<script>
import {ref} from "vue";
import AES from "@/utils/AESUtil";

export default {
  name: "examDescription",
  setup(){
    // eslint-disable-next-line no-undef
    let role = ref(AES.Decrypt($cookies.get("role")))
    return{
      role
    }
  }
}
</script>

<style scoped>
.description {
  margin-left: 40px;
}
.description .title {
  font-size: 22px;
  font-weight: 400;
  color: rgb(31, 47, 61);
}
.description .content {
  width: 600px;
  background-color: rgb(236, 248, 255);
  padding: 16px 32px;
  border-radius: 4px;
  border-left: 5px solid rgb(80, 191, 255);
  margin: 20px 0px;
}
</style>